<template>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-media">
            <router-link to="/home/newsinfo">
                <img class="mui-media-object mui-pull-left" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg">
                <div class="mui-media-body">
                    <h1>幸福</h1>
                    <p class="mui-ellipsis">
                        <span>发表时间：2019-10-10 11：11：00</span>
                        <span>浏览：1次</span>
                    </p>
                </div>
            </router-link>
        </li>
        <li class="mui-table-view-cell mui-media">
            <a href="javascript:;">
                <img class="mui-media-object mui-pull-left" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg">
                <div class="mui-media-body">
                    <h1>幸福</h1>
                    <p class="mui-ellipsis">
                        <span>发表时间：2019-10-10 11：11：00</span>
                        <span>浏览：1次</span>
                    </p>
                </div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media">
            <a href="javascript:;">
                <img class="mui-media-object mui-pull-left" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg">
                <div class="mui-media-body">
                    <h1>幸福</h1>
                    <p class="mui-ellipsis">
                        <span>发表时间：2019-10-10 11：11：00</span>
                        <span>浏览：1次</span>
                    </p>
                </div>
            </a>
        </li>

    </ul>
</template>

<script>
    export default {
        name: "NewsList"
    }
</script>

<style lang="scss" scoped>
    .mui-table-view{
        h1{
            font-size: 15px;
        }
        .mui-ellipsis{
            font-size: 12px;
            color: #007aff;
            /*两边对齐*/
            display: flex;
            justify-content: space-between;
        }
    }

</style>
